import { Document, Location, Setting, HomeFilled, DocumentCopy } from '@element-plus/icons-vue'
export const menus = [
  {
    key: '/',
    label: '首页',
    icon: HomeFilled,
  },
  {
    key: '/vue3',
    label: 'vue3',
    icon: Document,
    children: [
      { label: '响应式系统', key: 'reactivity' },
      { label: '生命周期', key: 'lifecycle' },
      { label: '模板语法', key: 'template-syntax' },
      { label: '组件基础', key: 'components' },
      { label: '插槽', key: 'slots' },
      { label: '依赖注入', key: 'provide' },
      { label: '异步组件', key: 'async-components' },
      { label: '自定义指令', key: 'directive' },
      { label: '自定义vmodel', key: 'comp-vmodel' },
      { label: 'EventBus(Mitt)', key: 'event-bus' },
      { label: 'Fragment 片段', key: 'fragment' },
      { label: 'Suspense 组件', key: 'suspense' },
      { label: 'Teleport 组件', key: 'teleport' },
      { label: 'KeepAlive', key: 'keepalive' },
      { label: '高级响应式 API', key: 'advanced' },
      { label: '组合式 API 高级特性', key: 'composition' },
    ],
  },
  {
    key: '/vue-router',
    label: 'vue-router',
    icon: Location,
    children: [
      { label: '基础路由', key: 'basic' },
      { label: '动态路由', key: 'dynamic' },
      { label: '嵌套路由', key: 'nested' },
      { label: '路由守卫', key: 'guards' },
      { label: '路由元信息', key: 'meta' },
      { label: '编程式导航', key: 'programmatic' },
    ],
  },
  {
    key: '/pinia',
    label: 'pinia',
    icon: Setting,
  },
  {
    key: '/demo',
    label: '示例',
    icon: DocumentCopy,
    children: [
      { label: 'Todo 应用', key: 'todo' },
      { label: '购物车', key: 'product-list' },
      { label: '用户管理', key: 'user-manage' },
    ],
  },
]
